<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>公共图片示例</title>
  <style>
    body { max-width: 800px; margin: 0 auto; padding: 20px; }
    .img-container { margin: 20px 0; }
    .caption { text-align: center; color: #666; }
  </style>
</head>
<body>
  <h2>二级标题（h2）- 山川河流</h2>
  <p>以下是一段包含<span style="color: red;">强调文本（span标签）</span>的内容。</p>
  
  <h3>三级标题（h3）- 图片展示</h3>
  
  <!-- 雪山图片（Picsum提供，关键词"mountain"） -->
  <div class="img-container">
    <img src="https://picsum.photos/seed/mountain/800/500" alt="雪山风景" width="800">
    <p class="caption">图1：雪山风景（公共图片库，稳定显示）</p>
  </div>
  
  <p>图片也可以作为链接：</p>
  
  <!-- 河流图片（Picsum提供，关键词"river"） -->
  <div class="img-container">
    <a href="https://picsum.photos/seed/river/800/500" target="_blank">
      <img src="https://picsum.photos/seed/river/400/250" alt="河流风景" width="400">
    </a>
    <p class="caption">图2：河流风景（点击查看大图）</p>
  </div>
</body>
</html>